/*
 * scumix.swat.spark
 * spark.css
 *
 * author: scum
 * create: 2008-12-01
 * update: 2009-09-13
 * notes : Spark 通用 CSS.
 */

/*----------------------------
 通用样式
----------------------------*/
/** webkit 滚动条 */
::-webkit-scrollbar										{width:12px;height:12px}

::-webkit-scrollbar-button:vertical:decrement 			{width:12px;height:12px;background:#0c0c0c url(assets/images/sb_button_v_d.gif) no-repeat 0px 0px}
::-webkit-scrollbar-button:vertical:decrement:hover		{background:#181818 url(assets/images/sb_button_v_d.gif) no-repeat 0px -12px}
::-webkit-scrollbar-button:vertical:increment 			{width:12px;height:12px;background:#0c0c0c url(assets/images/sb_button_v_i.gif) no-repeat 0px 0px}
::-webkit-scrollbar-button:vertical:increment:hover		{background:#181818 url(assets/images/sb_button_v_i.gif) no-repeat 0px -12px}

::-webkit-scrollbar-button:horizontal:decrement			{width:12px;height:12px;background:#0c0c0c url(assets/images/sb_button_h_d.gif) no-repeat 0px 0px}
::-webkit-scrollbar-button:horizontal:decrement:hover	{background:#181818 url(assets/images/sb_button_h_d.gif) no-repeat -12px 0px}
::-webkit-scrollbar-button:horizontal:increment 		{width:12px;height:12px;background:#0c0c0c url(assets/images/sb_button_h_i.gif) no-repeat 0px 0px}
::-webkit-scrollbar-button:horizontal:increment:hover	{background:#181818 url(assets/images/sb_button_h_i.gif) no-repeat -12px 0px}

::-webkit-scrollbar-track								{background:#444;opacity:0.5}
::-webkit-scrollbar-track-piece							{background:rgba(30,30,30,0.5)}

::-webkit-scrollbar-thumb:vertical						{background:#181818 url(assets/images/sb_thumb_v.gif) repeat-y;-2webkit-border-radius:10px}
::-webkit-scrollbar-thumb:vertical:hover				{background:#1e1e1e url(assets/images/sb_thumb_v.gif) repeat-y -12px 0px}
::-webkit-scrollbar-thumb:horizontal					{background:#181818 url(assets/images/sb_thumb_h.gif) repeat-x;-2webkit-border-radius:10px}
::-webkit-scrollbar-thumb:horizontal:hover				{background:#1e1e1e url(assets/images/sb_thumb_h.gif) repeat-x 0px -12px;	height:12px}

::-webkit-scrollbar-corner:horizontal:corner-present	{margin-right:5px}
::-webkit-resizer										{}

body html
{
    scrollbar-face-color:#202020;
    scrollbar-highlight-color:#282828;
    scrollbar-3dlight-color:#0F0F0F;
    scrollbar-darkshadow-color:#282828;
    scrollbar-shadow-color:#0F0F0F;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-track-color:#2F2F2F;
}

/* 系统按钮.信息 */
.SxSpark_SysBtn_Info		{width:15px;height:15px;background:url(assets/images/Spark_UI.gif) no-repeat -15px 0px;float:right;font-size:0px}
.SxSpark_SysBtn_Info_h		{width:15px;height:15px;background:url(assets/images/Spark_UI.gif) no-repeat -15px -15px;float:right;font-size:0px}

/* 系统按钮.关闭 */
.SxSpark_SysBtn_Close		{width:15px;height:15px;background:url(assets/images/Spark_UI.gif) no-repeat -30px 0px;float:right;font-size:0px}
.SxSpark_SysBtn_Close_h		{width:15px;height:15px;background:url(assets/images/Spark_UI.gif) no-repeat -30px -15px;float:right;font-size:0px}

/*----------------------------
  spark.StackList
  堆叠式列表
----------------------------*/
/* 外框 */
.SxStackList_Common			{cursor:default}
.SxStackList_Frame			{}
/* 区块 */
.SxStackList_Pane			{}
/* 区块标题条 */
.SxStackList_Pane_Title		{width:100%;height:25px;background:#282828;color:#aaa;font:normal 12px Tahoma;border-top:1px solid #444;border-bottom:1px solid #181818}
.SxStackList_Pane_Title_h	{width:100%;height:25px;background:#282828;color:#aaa;font:normal 12px Tahoma;border-top:1px solid #444;border-bottom:1px solid #181818}
.SxStackList_Pane_Title_Active	{width:100%;height:25px;background:#282828;color:#aaa;font:normal 12px Tahoma;border-top:1px solid #444;border-bottom:1px solid #181818}

/* 区块内容 */
.SxStackList_Pane_Content	{border:1px solid #666}

/*----------------------------
  spark.TreeList
  树形列表
----------------------------*/
/* 外框 */
.SxTreeList					{width:100%;height:100%;border:1px solid #c00;background:#000;overflow:auto}

/* 节点开关图标 */
.SxTreeList_nsi				{width:16px;height:20px;margin-right:0px;overflow:hidden;float:left}

/* 节点图标/折叠 */
.SxTreeList_nsi_c			{background:url(assets/images/TreeList_Icons.gif) no-repeat 0px 2px}
.SxTreeList_nsi_cH			{background:url(assets/images/TreeList_Icons.gif) no-repeat -16px 2px}

/* 节点图标/展开 */
.SxTreeList_nsi_e			{background:url(assets/images/TreeList_Icons.gif) no-repeat -32px 2px}
.SxTreeList_nsi_eH			{background:url(assets/images/TreeList_Icons.gif) no-repeat -48px 2px}

/* 节点图标 */
.SxTreeList_ni				{width:18px;height:20px;margin-right:2px;overflow:hidden;float:left}

/* 节点文字 */
.SxTreeList_nt				{height:20px;padding-top:2px;font-family:tahoma;font-size:12px;color:#ccc}
.SxTreeList_ntH				{height:20px;padding-top:2px;font-family:tahoma;font-size:12px;color:#000;cursor:default}

/* 根节点 */
.SxTreeList_root			{font-size:12px;color:#ccc}

/* 节点 */
.SxTreeList_node			{padding-top:1px;height:20px;cursor:default;margin:0px}
.SxTreeList_node_caption	{width:100%;height:20px}
.SxTreeList_node_captionH	{width:auto;height:20px;background:#333 url(assets/images/TreeList_NodeLine_Selected.gif) repeat-x;cursor:default}
.SxTreeList_node_captionS	{width:100%;height:20px;background:#111 url(assets/images/TreeList_NodeLine_Hot.gif) repeat-x;cursor:default}

/* 节点内容 */
.SxTreeList_node_content	{width:100%;overflow:hidden}

/*----------------------------
  spark.ActiveTreeList
  交互树形列表
----------------------------*/
.SxActiveTree_Item					{height:20px;color:#aaa;font:normal 14px Consolas;cursor:default}
.SxActiveTree_Item .CI_Close		{float:left;width:20px;height:23px;background:url(assets/images/spark_activetree_ctrlIcon.png) no-repeat 0 0}
.SxActiveTree_Item .CI_CloseH		{float:left;width:20px;height:23px;background:url(assets/images/spark_activetree_ctrlIcon.png) no-repeat 0 -20}
.SxActiveTree_Item .CI_Open		{float:left;width:20px;height:23px;background:url(assets/images/spark_activetree_ctrlIcon.png) no-repeat 0 -40}
.SxActiveTree_Item .CI_OpenH		{float:left;width:20px;height:23px;background:url(assets/images/spark_activetree_ctrlIcon.png) no-repeat 0 -60}
.SxActiveTree_Item .line			{float:left}
.SxActiveTree_Item .lineH			{float:left;background:url(assets/images/spark_activetree_hotitem_bkg.png) no-repeat left 0}
.SxActiveTree_Item .lineSelected	{float:left;background:url(assets/images/spark_activetree_hotitem_bkg.png) no-repeat left -23}
.SxActiveTree_Item .content		{}
.SxActiveTree_Item .checkbox		{float:left;width:16px;height:23px}
.SxActiveTree_Item .nodeIcon		{float:left;width:20px;height:23px}
.SxActiveTree_Item .text			{float:left;line-height:23px}
.SxActiveTree_Item .REdge			{float:right;width:3px;height:23px}
.SxActiveTree_Item .REdgeH			{float:right;width:3px;height:23px;background:url(assets/images/spark_activetree_hotitem_bkg.png) no-repeat right 0}
.SxActiveTree_Item .REdgeSelected	{float:right;width:3px;height:23px;background:url(assets/images/spark_activetree_hotitem_bkg.png) no-repeat right -23}
.SxActiveTree_HotItem				{position:absolute;left:0px;top:0px;background:#000;color:#fff;font:normal 12px Tahoma;border:1px solid #333;padding:5px}

/*----------------------------
  spark.ColorPicker
  颜色选择器
----------------------------*/
/* 外框 */
.SxColorPicker					{position:absolute;width:260px;border:1px solid #111111;opacity:0.8;filter:alpha(opacity=80)!important;display:none}

/* 标题条 */
.SxColorPicker_Title			{width:100%;height:20px;background:#282828;border-left:1px solid #353535;border-top:1px solid #353535;padding:2px 2px 1px 5px}
.SxColorPicker_Title div		{cursor:pointer}
.SxColorPicker_Title_Text		{font:normal 12px Tahoma;color:#888;margin-top:1px;float:left}

/* 样本区 */
.SxColorPicker_SampleArea		{width:100%;height:25px;background:#000;padding:5px}
.SxColorPicker_Sample			{width:60px;height:22px;background:#444;border:1px solid #000;float:left }
.SxColorPicker_Hot				{width:60px;height:22px;background:#444;border:1px solid #000;float:left;margin-left:5px }
.SxColorPicker_HotValue			{font:normal bold 11px Tahoma;color:#00fcff;margin-left:5px;float:left}

/* 色块区 */
.SxColorPicker_Content			{width:100%;background:#d6d6d6}
.SxColorPicker_ColorCell		{border:1px solid #666}
.SxColorPicker_ColorCell td		{width:8px;height:8px}
.SxColorPicker_GrayCell			{border:1px solid #666;width:15px}
.SxColorPicker_GrayCell td		{height:4px}

/*----------------------------
  spark.DatePicker
  日期选择器
----------------------------*/
/* 外框 */
.SxDatePicker							{position:absolute;width:195px;background:#ddd;border:1px solid #111111;opacity:0.8;filter:alpha(opacity=80);display:none}

/* 标题条 */
.SxDatePicker_Title						{width:100%;height:18px;background:#282828;border-left:1px solid #353535;border-top:1px solid #353535;padding:2px 2px 1px 5px}
.SxDatePicker_Title div					{height:12px;text-align:center;cursor:default}
.SxDatePicker_Title_Text				{font:normal 12px Tahoma;color:#888;margin-top:1px;float:left}

/* 日期/月份选择条 */
.SxDatePicker_QSelect					{width:100%;height:30px;background:#000;padding-top:5px;text-align:center;cursor:default}
.SxDatePicker_QSelect select			{font:normal 11px Tahoma;color:#333}
.SxDatePicker_QSelect_Year				{width:50px;float:left;margin-left:5px}
.SxDatePicker_QSelect_Month				{width:50px;float:left;margin-left:5px}
.SxDatePicker_QSelect_Today				{width:40px;height:20px;font:normal 10px Tahoma;color:#aaa;padding-top:4px;float:left;margin-left:5px}
.SxDatePicker_QSelect_Today_h			{width:40px;height:20px;font:normal 10px Tahoma;color:#fff;padding-top:4px;float:left;margin-left:5px}

/* 日期列表 */
.SxDatePicker_DateCell					{width:100%;text-align:center}
.SxDatePicker_DateCell_Header			{height:20px;background:#777777;color:#ffffff;font:normal 11px Tahoma}
.SxDatePicker_DateCell .item			{font:normal bold 11px Tahoma;border:1px solid #fff;background:#fff;cursor:default}
.SxDatePicker_DateCell .itemHot			{font:normal bold 11px Tahoma;border:1px solid #f60;background:#fa0;cursor:default}

/*----------------------------
  spark.Slider
  滑动器
----------------------------*/
.SxSlider						{border2:1px solid #0c0;font-size:0px}
.SxSlider_TrackH				{border:1px solid #505050;background:#2a2a2a url(assets/images/Slider_TrackH.gif) repeat-x}
.SxSlider_TrackH_hover			{border:1px solid #505050;background:#2a2a2a url(assets/images/Slider_TrackH.gif) repeat-x 0px -12px}
.SxSlider_TrackV				{border:1px solid #505050;background:#2a2a2a url(assets/images/Slider_TrackV.gif) repeat-y}
.SxSlider_TrackV_hover			{border:1px solid #505050;background:#2a2a2a url(assets/images/Slider_TrackV.gif) repeat-y -12px 0px}
.SxSlider_Handle				{font-size:0px;width:12px;height:12px;background:#7f7f7f url(assets/images/Slider_Handle.gif) no-repeat 0px -12px}
.SxSlider_Handle_hover			{font-size:0px;width:12px;height:12px;background:#505050 url(assets/images/Slider_Handle.gif) no-repeat}
.SxSlider_Tip					{font:normal 10px Arial;padding:1px 5px 1px 5px;color:#eee;background:#101010;border:1px solid #444444;display:none;opacity:0.8;filter:alpha(opacity=80)}

/*----------------------------
  spark.StepButton
  步进按钮
----------------------------*/
/* 外框 */
.SxStepButton					{width:18px;font-size:0px;float:left}

/* 上 */
.SxStepButton_Up				{width:18px;height:10px;border:0px;background:url(assets/images/Spark_UI.gif) no-repeat -45px 0px}
.SxStepButton_Up_h				{width:18px;height:10px;border:0px;background:url(assets/images/Spark_UI.gif) no-repeat -45px -15px}

/* 下 */
.SxStepButton_Down				{width:18px;height:10px;border:0px;background:url(assets/images/Spark_UI.gif) no-repeat -60px 0px}
.SxStepButton_Down_h			{width:18px;height:10px;border:0px;background:url(assets/images/Spark_UI.gif) no-repeat -60px -15px}

/*----------------------------
  spark.Group
  组容器
----------------------------*/
/* 外框 */
.SxGroup						{border:1px solid #000000;background:#333333}

/*----------------------------
  spark.TabGroup
  标签页容器
----------------------------*/
/* 外框 */
.SxTabGroup						{}

/* 标签按钮栏 */
.SxTabGroup_ButtonBar			{width:100%;height:23px;font:normal 12px Tahoma;text-align:center}
.SxTabGroup_ButtonBar div		{float:left;white-space:nowrap;cursor:default}
.SxTabGroup_Button				{padding:4px 2px 2px 2px;width:60px;height:23px;color:#aaa;background:url(assets/images/TabGroup_Button.gif) repeat-x 0px -1px;border:1px solid #000000;border-right:;}
.SxTabGroup_Button_h			{padding:4px 2px 2px 2px;width:60px;height:23px;color:#fff;background:url(assets/images/TabGroup_Button.gif) repeat-x 0px -23px;border:1px solid #000000;border-right:;}

/* 当前页按钮 */
.SxTabGroup_Button_Active		{padding:5px 2px 2px 2px;width:60px;height:23px;color:#ccc;background:url(assets/images/TabGroup_Button.gif) repeat-x 0px -47px;border:1px solid #000000;border-right:;border-bottom:0px}
/* 右侧占位符 */
.SxTabGroup_ButtonBarHolder		{float:right;height:23px;background:;border-left:1px solid #000;border-bottom:1px solid #000}
/* 内容区 */
.SxTabGroup_Content				{width:100%;height:100%;overflow:hidden;background:#333333;border:1px solid #000000;border-top:;padding:5px}

/*----------------------------
  spark.SheetGroup
  工作页组容器
----------------------------*/
/* 外框 */
/*
.SxSheetGroup					{}
.SxSheetGroup_TabBar			{width:100%;height:23px;font:normal 12px Tahoma;text-align:left}
.SxSheetGroup_TabBar div		{float:left;white-space:nowrap;cursor:default}
.SxSheetGroup_Tab				{padding:4px 2px 2px 2px;width:60px;height:23px;color:#aaa;background:url(assets/images/TabGroup_Button.gif) repeat-x 0px -1px;border:1px solid #000000;border-right:;}
.SxSheetGroup_Tab_h				{padding:4px 2px 2px 2px;width:60px;height:23px;color:#fff;background:url(assets/images/TabGroup_Button.gif) repeat-x 0px -23px;border:1px solid #000000;border-right:;}
.SxSheetGroup_Tab_Active		{padding:5px 2px 2px 2px;width:60px;height:23px;color:#ccc;background:url(assets/images/TabGroup_Button.gif) repeat-x 0px -47px;border:1px solid #000000;border-right:;border-bottom:0px}
.SxSheetGroup_TabBarHolder		{float:right;height:23px;background:;border-left:1px solid #000;border-bottom:1px solid #000}
.SxSheetGroup_Content			{width:100%;height:100%;overflow:hidden;background:#333333;border2:1px solid #000000;padding:5px}
*/

.SxSheetGroup					{}
.SxSheetGroup_TabBar			{width:100%;height:16px;font:normal 12px Tahoma;text-align:left}
.SxSheetGroup_TabBar div		{float:left;white-space:nowrap;height:22px;line-height:22px;cursor:default}
.SxSheetGroup_Tab				{padding:0px 8px 0px 8px;color:#888;background:url(assets/images/spark_sheetgroup_bar.png) no-repeat 0 0;border:1px solid #000}
.SxSheetGroup_Tab_h				{padding:0px 8px 0px 8px;height:22px;color:#fff;background:url(assets/images/spark_sheetgroup_bar.png) no-repeat 0 -24;border:1px solid #000}
.SxSheetGroup_Tab_Active		{padding:0px 8px 0px 8px;height:22px;color:#ccc;background:url(assets/images/spark_sheetgroup_bar.png) no-repeat 0 -48;border:1px solid #000}
.SxSheetGroup_Content			{width:100%;height:100%;overflow:hidden;border:2px inset #5F686D;padding:0px}


/*----------------------------
  spark.ProgressBar
  进度条
----------------------------*/
/* 外框 */
.SxProgressBar					{background:#303030;border:1px solid #525252}
/* 外框.有提示文字 */
.SxProgressBar_HasText			{}
/* Track */
.SxProgressBar_Track			{float:left;background:url(assets/images/ProgressBar_Track.gif) repeat-x;height:7px;font-size:0px;border:1px solid #000000}
/* Track.不确定进度 */
.SxProgressBar_TrackUnsure		{float:left;background:url(assets/images/ProgressBar_TrackUnsure.gif) repeat-x;height:14px;font-size:0px}
/* 提示文字 */
.SxProgressBar_Text				{background:;font:normal bold 11px Verdana;color:#aaa}


/*----------------------------
  spark.ComboBox
  组合框
----------------------------*/
/* 外框 */
.SxComboBox						{border:1px solid #393939}
.SxComboBox_h					{border:1px solid #009dff}
/* 编辑框 */
.SxComboBox_Edit				{float:left;border:1px solid #000;background:#222;font:normal 12px Tahoma;color:eee;padding-left:1px;cursor:default}
/* 下拉按钮 */
.SxComboBox_DropDownBtn			{float:left;width:19px;height:23px;background:url(assets/images/ComboBox_DropDownBtn_19x23.gif) no-repeat;cursor:default}
.SxComboBox_DropDownBtn_h		{float:left;width:19px;height:23px;background:url(assets/images/ComboBox_DropDownBtn_19x23.gif) no-repeat 0px -23px;cursor:default}
/* 下拉内容区 */
.SxComboBox_Content				{background:#232323;border:1px solid #000}
/* 下拉条目 */
.SxComboBox_Item				{color:#aaa}
.SxComboBox_Item_h				{color:#fff;background:#009dff}

/*----------------------------
  spark.PopupMenu
  弹出菜单
----------------------------*/
.SxPopupMenu					{position:absolute;background:#050505 url(assets/images/PopupMenu_Side_Bkg.gif) repeat-y;overflow:hidden;border:1px solid #000;border-left2:10px solid #000;padding:1px;cursor:default}
.SxPM_Sep						{height:0px;font-size:0px;border-top:1px solid #111;margin:3px 0px 5px 24px}
.SxPM_Item						{height:22px;font:normal 12px Tahoma;padding:2px 5px 0px 2px;color:#888}
.SxPM_Item_Normal				{background:;}
.SxPM_Item_Over					{background:url('assets/images/PopupMenu_Item_Over.gif') repeat-x;color:#000;opacity:0.5}
.SxPM_ItemIcon					{width:20px;height:20px;float:left;margin-right:5px}

/*----------------------------
  spark.DataGrid
  数据网格
----------------------------*/
/* 标题栏 */
.SxDataGrid td					{color:#0cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.SxDataGrid .hdr				{height:22px;background:url(assets/images/DataGrid_HeaderBkg.gif) repeat-x;cursor:default}
.SxDataGrid .hdr td				{font:12px 微软雅黑,Tahoma;color:#eee;padding:0px 2px 0px 5px;border-right:1px solid #141414;vertical-align:middle;text-align:left;word-break:keep-all;white-space:nowrap}
.SxDataGrid .hdr .RGap			{border:0px;background:#333;width:auto}
.SxDataGrid .hdr .id            {text-align:center}

.SxDataGrid_Line				{height:25px}
.SxDataGrid_Line td				{font-family:微软雅黑,tahoma;font-size:12px;color:#aaa;vertical-align:middle;padding:0px 2px 0px 5px}
.SxDataGrid_LineOdd				{height:25px;background:#1a1a1a}
.SxDataGrid_LineOdd td			{font-family:微软雅黑,tahoma;font-size:12px;color:#aaa;vertical-align:middle;padding:0px 2px 0px 5px}
.SxDataGrid_Line_h				{height:25px;background:#074e6c;cursor:default}
.SxDataGrid_Line_h td			{font-family:微软雅黑,tahoma; font-size:12px; color:#00ccff; vertical-align:middle; padding:0px 2px 0px 5px}

/* 单元格内容样式 */
.SxDataGrid .id                 {text-align:center;color:#f50}
.SxDataGrid .name               {color:#0cf}
.SxDataGrid .digit				{font:normal 11px Consolas;color:#f60}
.SxDataGrid .string				{font:normal 12px Tahoma;color:#0cf}
.SxDataGrid .cstring			{font:normal 12px 微软雅黑;color:#0cf}
.SxDataGrid_Editor				{background:#333;border:1px solid #0cf;color:#ccc;font:12px 微软雅黑,Tahoma}



.SxQuickTips					{position:absolute;background:#f4f9be;display:none;border:1px solid #443f01;padding:3px 20px 3px 20px;font:normal 14px Tahoma;color:#000;z-index:65000}